<template>
  <div class="cartZi">
    <img src="img/cc1.jpg"/>
    <h2>保暖羽绒服</h2>
    <p>石墨烯蓄热，抗菌防护</p>
    <span>￥399</span>
    <img src="img/new.png" class="news"/>
  </div>
</template>

<script>
export default {
  props: ["imgurl"]
};
</script>

<style scoped>
.cartZi {
    width: 1.7rem;
    height: 2.88rem;
  border-radius: 0.05rem;
  background-color: white;
  margin-left: 0.12rem;
  margin-top: 0.1rem;
}
.cartZi img:nth-child(1){
    width: 1.7rem;
    height: 1.7rem;
    border-radius: 0.05rem 0.05rem 0 0 ;
}
.cartZi h2{
    font-size: 0.14rem;
    font-weight: 300;
    margin-top: 0.06rem;
    margin-left: 0.04rem;
}
.cartZi p{
    font-size: 0.11rem;
    color: rgba(0, 0, 0, 0.6);
    margin-top: 0.04rem;
    margin-left: 0.04rem;
}
.cartZi span{
    font-size: 0.16rem;
        color: rgb(248, 36, 0);
    margin-top: 0.08rem;
    display: block;
    margin-left: 0.04rem;

}
.news{
    width: 0.26rem;
    height: 0.14rem;
    margin-top: 0.02rem;
    margin-left: 0.06rem;

}
</style>